.main {
	padding-block: 50px 55px;
}

.top-bar {
	box-sizing: border-box;
	position: fixed;
	height: 50px;
	width: 100%;
	max-width: 540px;
	padding-inline: 16px;
	background-color: #c50206;
	color: #fff;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.top-bar img {
	height: 40px;
	object-fit: cover;
}

#banner img {
	width: 100%;
}

main .news {
	padding-inline: 16px;
	height: 40px;
	display: flex;
	align-items: center;
	/* font-size: 14px; */
	color: #6d6e71;
}

main .news a {
	white-space: nowrap;
	text-overflow: ellipsis;
	flex: 1;
	overflow: hidden;
}

main .news img {
	object-fit: contain;
	width: 50px;
	margin-right: 16px;
}

main .functions {
	background-color: #ebf2f9;
}

main .functions .functions-ul {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	grid-template-rows: 1fr 1fr;
	align-items: center;
	justify-items: center;
}

main .functions .functions-ul li {
	padding-block: 16px;
}

main .functions .functions-ul li a {
	display: flex;
	flex-direction: column;
	align-items: center;
}

main .functions .functions-ul li a i {
	display: block;
	width: 55px;
	height: 55px;
	background-size: contain;
	margin-bottom: 8px;
}

main .banner-01 img {
	width: 100%;
	object-fit: cover;
}

main .specialcolumn img {
	width: 100%;
}
